{# A pattern's instances in groups (tasks by queue, services by service),
   in the columns the pattern's view names. #}
{% from "components/macros/table.html" import data_table %}
{% for group, rows in route_groups %}
<details data-route-group {% if groups_open %}open{% endif %} class="group/g bg-aegis-card border border-aegis-border rounded-lg px-5">
  <summary class="list-none cursor-pointer select-none py-3 flex items-center gap-3">
    <span aria-hidden="true" class="text-aegis-muted transition-transform group-open/g:rotate-90">›</span>
    <h2 class="text-sm font-semibold text-aegis-text">{{ group }}</h2>
    <span class="text-xs text-aegis-muted">{{ rows|length }}</span>
  </summary>
  <div class="border-t border-aegis-border">
    {{ data_table(instance_columns, rows) }}
  </div>
</details>
{% endfor %}